@charset "utf-8";
/* CSS Document */

/* *{ -webkit-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;} */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,p,blockquote,th,td{margin:0; padding:0; outline: none;}
body{overflow-x:hidden; font:14px/1.4 "Microsoft Yahei"; font-weight: 500; background:#fff;color:#666666; -webkit-font-smoothing: antialiased;/*这个属性可以使页面上的字体抗锯齿*/ }
a{ text-decoration:none; color:#666666;}
/*a:hover,a:hover *{ color: #b40002;}*/
li{ list-style:none;}
i,em{ font-style:normal;}
.fl{float:left;}
.fr{ float:right;}
.clearfix:after{ content: ''; display: block; clear:both; width: 0; height: 0;}
img{ vertical-align:middle; border:none; max-width:100%;}
.img img{ width: 100%; height: 100%; object-fit: cover;}
.wrapper{ width: 1200px; margin: 0 auto; }
input,textarea,select{ font-size: 14px; font-family: 'Microsoft Yahei'; color: #666; font-weight: 500;}
input:focus,textarea:focus,select:focus{ outline: none;}



.over { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.over2 { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2;}

/* img 动画效果 */
.scale12{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s;}


.top{ min-height: 130px; background-color: #FFFFFF;}
.top .logo{ max-height: 130px; line-height: 130px; max-width: 400px;}
.top .topr{ max-width: 800px;}
.toprt{ margin-top: 16px;}
.top .top-search{ width: 169px; height: 28px; padding: 2px; border: 1px solid #adadad; border-radius: 34px; overflow: hidden;}
.top .top-search i.fl{ width: 28px; height: 28px; border-radius: 50%; background: url(../images/search-icon.png) #193a75 no-repeat center;}
.top .top-search .sear-inp{ width: 119px; height: 28px; line-height: 28px; padding-right: 12px; border: 0 none; color: rgba(51,51,51,1);}

.top .top-search .sear-inp::-webkit-input-placeholder{ color: rgba(51,51,51,0.3);}
.top .top-search .sear-inp::-moz-placeholder{ color: rgba(51,51,51,0.3);}
.top .top-search .sear-inp::-ms-input-placeholder{ color: rgba(51,51,51,0.3);}
.top .top-search .sear-inp::placeholder{ color: rgba(51,51,51,0.3);}
.top .language{ margin-top: 5px; margin-left: 38px; width: 54px; height: 23px; padding: 2px; background-image: linear-gradient(to right, #6ba2d5, #0e3574); border-radius: 27px;}
.top .language a{ float: left; width: 23px; height: 23px; line-height: 23px; border-radius: 23px; font-size: 12px; color: #FFFFFF; text-align: center; transition: 0.3s;}
.top .language a:not(:last-of-type){ margin-right: 4px;}
.top .language a.active{ background-color: #FFFFFF; color: #193a75;}

/* nav */
.nav{}
.nav ul li{ position: relative; z-index: 1; float: left;}
.nav ul li:not(:first-of-type){ margin-left: 50px;}
.nav ul li a{ line-height: 79px; font-size: 16px; color: #333333;}
.nav ul li.active::after{ content: ''; position: absolute; top: 51px; left: 0; right: 0; z-index: -1; width: 12px; margin: 0 auto; height: 6px; background: url(../images/nav-active-bg.png) no-repeat center;}
.nav ul li.active a{ font-weight: 600; color: #002566;}
.banner{position:relative;}
.videoban{width:360px;height:150px;position:absolute;bottom:-75px;left:50%;margin-left:240px;z-index:99;}
.banner .swiper-button-next{ right: calc(18.75vw - 70px); background: url(../images/arrow-ban-r.png) no-repeat center;}
.banner .swiper-button-prev{ left: calc(18.75vw - 70px); background: url(../images/arrow-ban-l.png) no-repeat center;}
.banner .swiper-button-next::after,
.banner .swiper-button-prev::after{ display: none;}
.banner .swiper-button-next,
.banner .swiper-button-prev{ width: 70px; height: 70px;}

.icont{ background: url(../images/gsln-txt-bg.png) no-repeat right top 50px;}
.title{ position: relative; z-index: 1;}
.title .title-cn{ position: absolute; bottom: 0; left: 0; z-index: 10; font-size: 30px; color: #001b4a; font-weight: 600; line-height: 1.2;}
.title .title-en{ font-size: 74px; font-family: 'dinlight'; text-transform: uppercase; color: rgba(0,27,74,0.1); line-height: 0.9;}

.padtop70{ padding-top: 70px; box-sizing: border-box;}
.about-nr{ margin-top: 52px;}
.about-nr .fl{ width: 554px; height: 343px;}
.about-nr .fr{ width: 600px;}
.about-nr .title-name h2{ font-size: 24px; color: #001b4a; font-weight: 600;}
.about-nr .title-name p{ font-size: 12px; font-family: arial; text-transform: uppercase; margin-top: 5px; color: rgba(0,27,74,0.5);}
.about-nr .title-name::after{ content: ''; display: block; margin-top: 20px; width: 31px; height: 5px; background: url(../images/about-title-icon.png) no-repeat center;}
.about-nr .txt{ margin-top: 32px; height: 168px; -webkit-line-clamp: 6; line-height: 28px; color: #333333;}
.compmore{ position: relative; z-index: 1; display: block; margin-top: 10px; width: 153px; height: 46px; line-height: 46px; text-align: center; border: 2px solid rgba(0,0,0,0.1); box-sizing: border-box; color: #333333;}
.compmore::before{ content: ''; position: absolute; top: -2px; left: -2px; z-index: 1; width: 43px; height: 46px; background-color: rgba(230,138,87,0.5);}


.pro{ }
.pro-nr{ margin-top: 45px; min-height: 420px; background: url(../images/ibg-02.jpg) no-repeat center top;}
.proswiper{ position: relative; z-index: 1; padding-right: 530px;}
.proswiper .swiper-container{ padding: 85px 0;}
.proswiper .swiper-slide{ height: 250px; overflow: hidden; border-radius: 4px; background-color: #FFFFFF; text-align: center; transition: 0.3s;}
.proswiper .swiper-slide .img{ height: 127px; overflow: hidden; border-radius: 4px;}
.proswiper .swiper-slide .title-name{ padding: 35px 25px; color: #333333; transition: 0.3s;}
.proswiper .swiper-slide i{ display: none; width: 27px; height: 27px; margin: 0 auto; margin-top: 20px; background: url(../images/imore.png) no-repeat center / contain; transition: 0.3s;}
.proswiper .swiper-slide:hover{ margin-top: -30px;}
.proswiper .swiper-slide:hover .title-name{ padding: 20px 25px;}
.proswiper .swiper-slide:hover i{ display: block;}
.proswiper .people{ position: absolute; bottom: 0; right: -115px; z-index: -1;}
.proswiper .people i{ position: absolute; top: 25px; left: 40%; right: 0; z-index: 1; width: 77px; animation: op 1s linear infinite;}

/* @keyframes op{
	0,15%,85%,100%{
		opacity: 1;
	}
	10%,20%,70%,90%{
		opacity: 0;
	}
} */


.news{ min-height: 719px; background: url(../images/ibg-03.png) no-repeat center bottom / contain;}
.newstype{ margin-top: 35px;}
.newstype ul li{ float: left;}
.newstype ul li a{ display: block; height: 39px; line-height: 39px; padding-left: 22px; margin-left: 13px; font-size: 16px; color: #193873;}
.newstype ul li.active a{ background: url(../images/nav-active-bg.png) no-repeat left center;}
.newstype .newsmore{ margin-left: 85px; width: 150px; height: 39px; line-height: 39px; background-color: #001b4a; text-align: center; font-size: 16px; color: #FFFFFF;}

.newscont{ margin-top: 48px; height: 405px; overflow: hidden;}
.newscont .newswiper,.newscont .newswiper .swiper-container{ height: 405px;}
.newswiper .img{ position: relative;height:245px;}
.newswiper .img img{display:block;width:100%;height:100%;object-fit:cover;}
.newswiper .more{ position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; background-color: rgba(0,37,102,0.8); opacity: 0;}
.newswiper .more i{ position: absolute; top: 50%; left: 50%; z-index: 10; width: 61px; height: 60px; transform: translate(-50%,-50%); background: url(../images/inews-more-icon.png) no-repeat center;}
.newswiper dl{ padding-top: 20px;}
.newswiper dt p{ float: left; width: 280px; line-height: 24px; font-size: 16px; color: #222222;}
.newswiper dt i{ float: right; line-height: 24px; font-family: arial; font-size: 12px; color: rgba(51,51,51,0.4);}
.newswiper dd{ margin-top: 10px; line-height: 1.8; color: rgba(68,68,68,0.8); text-align: justify;}
.newswiper .btn{ position: absolute; bottom: 0px; left: 0; right: 0; z-index: 10; width: 100%;}
.newswiper .btn::after{ content: ''; position: absolute; bottom: 50%; left: 0; z-index: -1; width: 100%; border-bottom: 1px solid rgba(0,0,0,0.05);}
.newswiper .btnc{ position: relative; width: 46px; height: 47px; margin: 0 auto; border-radius: 50%; background-color: #FFFFFF; box-sizing: border-box;}
.newswiper .btnc .swiper-button-next,
.newswiper .btnc .swiper-button-prev{ width: 23px; height: 47px; overflow: hidden;}
.newswiper .btnc .swiper-button-prev::after,
.newswiper .btnc .swiper-button-next::after{ display: none;}
.newswiper .btnc .swiper-button-prev{ top: 0; left: 0; margin: 0; background: url(../images/arrow-lr.png) no-repeat left center;}
.newswiper .btnc .swiper-button-next{ top: 0; right: 0; margin: 0; background: url(../images/arrow-lr.png) no-repeat right center;}
.newswiper .btnc .swiper-button-prev:hover{ background-image: url(../images/arrow-lr1.png);}
.newswiper .btnc .swiper-button-next:hover{ background-image: url(../images/arrow-lr1.png);}

.newswiper .swiper-slide:hover .more{ opacity: 1;}



/* footer */
.footer{ min-height: 387px; background: url(../images/footer-bg.jpg) no-repeat center top / cover;}
.footop{ padding: 40px 0;}
.lxitem{ width: 280px;}
.lxitem dt{ margin-bottom: 10px; font-size: 18px; color: #FFFFFF;}
.lxitem dd p{ color: #bdbdbd; line-height: 1.8;}
.lxitem dd p i{ color: #FFFFFF;}
.link{}
.link ul li{ float: left; margin-left: 100px;}
.link ul li dt{ margin-bottom: 8px; font-size: 18px; color: #FFFFFF;}
.link ul li dd a{ display: block; line-height: 2; color: rgba(255,255,255,0.6);}
.footr{ width: 410px; height: 230px; overflow: hidden;}
.footbm{ font-size: 12px;}
.footbm .fl{ max-width: 790px; line-height: 2;}
.footbm .fl p{ color: rgba(255,255,255,0.5);}
.footbm .fl a{ color: rgba(255,255,255,0.3);}
.footbm .fr{}
.footbm .share li{ float: left; margin-left: 17px; border-radius: 50%;}
.footbm .share li a{ display: block; width: 34px; height: 34px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.4);}
.footbm .share li.s1{ background: url(../images/share-11.png) no-repeat center;}
.footbm .share li.s2{ background: url(../images/share-21.png) no-repeat center;}
.footbm .share li.s1:hover{ background-image: url(../images/share-12.png); background-color: #FFFFFF;}
.footbm .share li.s2:hover{ background-image: url(../images/share-22.png); background-color: #FFFFFF;}


/* ncont */
.ncontop{ line-height: 70px; background-color: #f1f4f7;}
.ncontop .yd{ padding-left: 25px; background: url(../images/home-icon.png) no-repeat left center;}
.submenu{}
.submenu ul li{ float: left; margin-left: 40px;}
.submenu ul li a{ display: block;}
.submenu ul li.active a{ color: #193873; font-weight: 600; border-bottom: 1px solid #193873;}

.ncont{ padding-bottom: 85px;}


/* 01 */
.jj{ padding: 100px 0 90px; padding-left: calc((100% - 1200px)/2);}
.jjl{ width: 370px;}
.jjl .ntitle{ position: relative;}
.jjl .ntitle .title-cn{ position: absolute; top: 50%; left: 0; z-index: 1; transform: translateY(-50%); font-size: 30px; color: #193873;}
.jjl .ntitle .title-en{ line-height: 1; font-size: 48px; color: rgba(147,147,147,0.1); font-family: arial; text-transform: uppercase;}
.jjl > i{ display: block; margin: 10px 0; width: 31px; height: 5px; background: url(../images/about-title-icon.png) no-repeat center;}
.jjl dl{ padding-top: 40px;}
.jjl dt{ font-size: 20px; color: #333333;}
.jjl dd{ overflow-x: hidden; margin-top: 10px; /**height: 120px;**/ line-height: 24px; font-size: 16px; text-align: justify;}
.jjswiper .swiper-container{ width: calc(100% - 445px);}
.jjswiper .swiper-slide{ height: 425px;}


.fzlc{clear:both; min-height: 600px; box-sizing: border-box; padding: 120px 0 180px;}
.fzlc .con{position:relative;}
.fzlc .con:before,
.fzlc .con:after
{width:360px;height:1px;background:#ddd;position:absolute;bottom:19px;display:inline-block;content:'';}
.fzlc .con:before{left:-360px;}
.fzlc .con:after{right:-360px;}

.fzlc .ycinfo{margin-top:40px;height:152px;}
.fzlc .ycinfo .info{width:816px;margin:0 auto;padding-top:6px;height:146px;background:url(../images/shou.png) no-repeat right top /26px;}
.fzlc .ycinfo .info ul{}
.fzlc .ycinfo .info ul li{float:left; width:408px;display:inline-block;height:146px;padding-left:6px; padding-top:6px;box-sizing:border-box; position:relative;}
.fzlc .ycinfo .info ul li:before{width:12px;height:12px;display:inline-block;content:'';background:url(../images/fc.jpg) no-repeat center;position:absolute;left:0;top:0;z-index:99;}
.fzlc .ycinfo .info ul li:after{width:1px;height:100%;display:inline-block;content:'';background:#ddd;position:absolute;left:6px;top:12px;z-index:11;}


.fzlc .ycinfo .info ul li .inner{padding-left:25px;width:300px;}
.fzlc .ycinfo .info ul li .desc{font-size:14px;line-height:24px;color:#222;height:120px;overflow:hidden;}
.year{margin-top:-20px; height:40px;position:relative;padding:0 40px;width:1200px;box-sizing:border-box;}
.year:before{width:100%;height:1px;background:#ddd;position:absolute;top:20px;display:inline-block;content:'';}

.year .prev,
.year .next{position:absolute;top:0;width:40px;height:40px;display:inline-block;cursor:pointer;z-index:99;}
.year .prev{left:0; }
.year .next{right:0;}
.year .prev a,.year .next a{display:block;width:100%;height:40px;}
.year .prev a{background:url(../images/fleft.jpg) no-repeat left top;}
.year .next a{background:url(../images/frihgt.png) no-repeat left top;}
.year .prev a:hover{background:url(../images/fleft02.png) no-repeat left top;}
.year .next a:hover{background:url(../images/frihgt02.png) no-repeat left top;}


.year ul li{font-size:24px;color:#29447d;display:inline-block;width:auto;cursor:pointer;position:relative;text-align:center;}
.year ul li:before{width:16px;height:16px;display:inline-block;content:'';background:url(../images/yc.jpg)  no-repeat center top;position:absolute;top:12px;left:50%;margin-left:-8px;}
.year ul li span{padding-top:35px;display:block;}
.year ul li.active{color:#f2b100;font-weight:bold;}
.year ul li.active span{padding-top:43px;}



.jjntitle{ position: relative; text-align: center;}
.jjntitle .title-cn{ position: absolute; top: 50%; left: 0; right: 0; z-index: 1; transform: translateY(-50%); margin: 0 auto; font-size: 30px; color: #193873;}
.jjntitle .title-en{ line-height: 1; font-size: 48px; color: rgba(147,147,147,0.1); font-family: arial; text-transform: uppercase;}


.video{ padding: 125px 0 80px;}
.videoswiper{ padding:70px 0;}
.videoswiper .swiper-slide{ transform: scale(0.75); transition: 0.3s;}
/*.videoswiper .swiper-slide::before{ content: ''; position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; background-color: rgba(255,255,255,0.3);}*/
.videoswiper .swiper-slide div{ height: 400px; box-sizing: border-box; border: 1px solid #000000;}
.videoswiper .swiper-slide p{ display: block; line-height: 75px; font-size: 20px; font-weight: bold; text-align: center; color: #000000;}
.videoswiper .swiper-slide-active{ transform: scale(1); z-index: 70;}
.videoswiper .swiper-slide-active::before{ background-color: unset;}




/* 02 */
.newlist{ padding: 0;}
.newlist ul li{ margin-top: 50px; border: 1px solid #e5e5e5;}
.newlist ul li a{ display: block; background-color: #f9f9f9;}
.newlist ul li .img{ width: 400px;}
.newlist ul li .txt{ width: 670px; padding-right: 55px;}
.newlist ul li dt{ margin-top: 65px; font-size: 22px; color: #333333;}
.newlist ul li dd{ margin-top: 10px; -webkit-line-clamp: 4; height: 96px; line-height: 24px;}
.newlist ul li .txt > p{ display: block; line-height: 78px; margin-top: 20px; border-top: 1px solid #e5e5e5; padding-right: 80px; background: url(../images/arrow-news-more1.png) no-repeat right center;}
.newlist ul li:hover dt{ color: #193873;}
.newlist ul li:hover .txt > p{ color: #193873; background-image: url(../images/arrow-news-more2.png);}

.m-page{ padding-top: 50px; text-align: center;}
.m-page span{ display: inline-block;}
.m-page a{ float: left; margin-left: 10px; line-height: 38px; padding: 0 22px; border: 1px solid #dddddd; color: #888888; font-family: arial; font-size: 16px;}
.m-page a.z-crt{ background-color: #193873; color: #FFFFFF; border-color: #193873;}
.m-page a.pageprv,
.m-page a.pagenxt{ font-size: 14px;}



/* 03 创新团队 */
.cxtdtop{ margin-top: 100px; padding-bottom: 60px;}
.cxtdtop .ntitle{ text-align: center;}
.cxtdtop .title-cn{ font-size: 48px; color: #193873;}
.cxtdtop .title-en{ font-size: 18px; color: rgba(147,147,147,0.5); font-family: arial; letter-spacing: 7px;}
.cxtd-nr{ text-align: center;}
.cxtd-nr .title-name{ margin-top: 30px; font-size: 20px; color: #001b4a;}
.cxtd-nr .title-name h3{ position: relative; z-index: 1; display: inline-block; font-weight: 500;}
.cxtd-nr .title-name h3::before{ content: ''; position: absolute; top: 50%; left: -25px; z-index: 1; width: 12px; height: 6px; transform: translateY(-50%); background: url(../images/nav-active-bg.png) no-repeat center;}
.cxtd-nr .title-name h3::after{ content: ''; position: absolute; top: 50%; right: -25px; z-index: 1; width: 12px; height: 6px; transform: translateY(-50%); background: url(../images/nav-active-bg.png) no-repeat center;}
.cxtd-nr .txt{ margin-top: 15px; line-height: 1.6;}

.cxtdbtm{ height: 340px; padding-right: 10px !important; padding-bottom: 100px !important;}
.cxtdbtm a{ display: flex; justify-content: space-between;}
.cxtdbtm .swiper-slide{ height: 150px; background-color: #f6f6f6;}
.cxtdbtm .swiper-slide .img{ width: 150px;}
.cxtdbtm .swiper-slide dl{ width: 190px; padding-right: 20px;}
.cxtdbtm .swiper-slide::after{ content: ''; position: absolute; top: 50%; right: -10px; z-index: 1; transform: translateY(-50%); width: 18px; height: 18px; background-color: #4853b1;}

/* 03研发平台 */
.yfpt{ position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; width: 1200px; height: 915px; margin: 40px 0;}
.yfpt .nr{ display: flex; flex-direction: column; justify-content: center; align-items: center; width: 540px; height: 540px; background: url(../images/gsln-txt-bg.png) no-repeat 65% top / auto 120%; border: 1px solid #193873; border-radius: 50%; box-sizing: border-box; overflow: hidden; text-align: center;}
.yfpt .nr .title-cn{ font-size: 36px; color: #e68a57;}
.yfpt .nr .title-en{ -webkit-line-clamp: 3; font-size: 16px; color: #999999;}
.yfpt .nr .ntitle{ padding: 0 60px 30px; background: url(../images/about-title-icon.png) no-repeat center bottom;}
.yfpt .nr .txt{ -webkit-line-clamp: 8; padding: 20px 85px 0; font-size: 16px}

.yfpt ul{ position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%;}
.yfpt ul::before{ content: ''; position: absolute; top: 56px; left: 0; right: 0; z-index: -1; width: 820px; height: 820px; margin: auto; border: 2px dashed #e5e5e5; border-radius: 50%;}
.yfpt ul li{ position: absolute; z-index: 10; display: flex; justify-content: center; align-items: center; width: 320px; height: 169px; background: url(../images/yfpt-itembg1.png) no-repeat center; cursor: pointer;}
.yfpt ul li dt{ display: flex; justify-content: center; font-size: 34px; align-items: center; font-family: 'dinlight';}
.yfpt ul li dt p{ position: relative; z-index: 1; color: #193873;}
.yfpt ul li dt p::before{ content: ''; position: absolute; top: 50%; left: -15px; z-index: 1; transform: translateY(-50%); width: 10px; height: 3px; background-color: #193873;}
.yfpt ul li dt p::after{ content: ''; position: absolute; top: 50%; right: -15px; z-index: 1; transform: translateY(-50%); width: 10px; height: 3px; background-color: #193873;}
.yfpt ul li dd{ padding: 0 30px; font-size: 22px; text-align: center;}

.yfpt ul li.active{ background-image: url(../images/yfpt-itembg2.png);}
.yfpt ul li.active dt{ font-family: 'dinmedium';}
.yfpt ul li.active dd{ font-weight: 600; color: #333333;}
.yfpt ul li.s1{ top: 0; left: 50%; transform: translate(-50%);}
.yfpt ul li.s2{ top: 177px; left: 832px;}
.yfpt ul li.s3{ top: 494px; right: 0;}
.yfpt ul li.s4{ top: 744px; left: 640px;}
.yfpt ul li.s5{ bottom: 0; left: 245px;}
.yfpt ul li.s6{ top: 498px; left: 0;}
.yfpt ul li.s7{ top: 181px; left: 51px;}


/* 03 研发项目 */
.yfxm{}
.yfxm ul{}
.yfxm ul li{ position: relative; float: left; width: 585px; height: 202px; background: url(../images/yfxm-item-bg.png) repeat; margin-right: 30px; margin-bottom: 30px;}
.yfxm ul li:nth-child(2n+2){ margin-right: 0;}
.yfxm ul li a{ display: block; padding: 30px 30px 30px 90px;}
.yfxm ul li::before{ content: ''; position: absolute; top: 30px; left: -10px; z-index: 1; width: 68px; height: 39px; background: url(../images/yfxm-icon.png) no-repeat center;}
.yfxm ul li a > p{ line-height: 1.4; font-size: 26px; color: #2d3838;}
.yfxm ul li a > i{ display: block; margin: 15px 0; width: 31px; height: 5px; background: url(../images/about-title-icon.png) no-repeat center;}
.yfxm ul li a > div{ -webkit-line-clamp: 3; line-height: 1.6; color: #333333;}


/* 03知识产权 */
.zscqtop{ padding-top: 66px; border-bottom: 1px solid #e5e5e5;}
.zscqswiper{ margin-bottom: -1px;}
.zscqswiper .swiper-slide{ background-color: #FFFFFF; transition: 0.3s;}
.zscqswiper .swiper-slide a{ display: flex; flex-direction: column; justify-content: center; align-items: center; height: 260px; padding: 20px; box-sizing: border-box; border: 1px solid #E5E5E5;}
.zscqswiper .swiper-slide::before{ content: ''; position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; height: 0; border-bottom: 2px solid #13376d;}
.zscqswiper .swiper-slide i{ height: 80px;}
.zscqswiper .swiper-slide i img{ max-height: 80px;}
.zscqswiper .swiper-slide p{ margin-top: 20px; font-size: 24px; color: #333333;}
.zscqswiper .swiper-slide.active{ background-color: #f9f9f9;}
.zscqswiper .swiper-slide.active::before{ bottom: 99%;}

.zscqlist{ padding: 50px 0 60px;}
.zscqlist ul li{ float: left; width: 270px; height: 372px; margin-right: 40px; margin-bottom: 40px;}
.zscqlist ul li:nth-child(4n+4){ margin-right: 0;}
.zscqlist ul li a{ display: block; height: inherit; line-height: 372px;}
.zscqlist ul li img{ max-height: 100%;}


/* 04 */
.gscplist{ padding: 50px 0 80px;}
.gscplist ul li{ display: flex; justify-content: space-between; margin-bottom: 30px; background: url(../images/ibg-03.png) #f9f9f9 no-repeat center bottom / 100% auto;}
.gscplist ul li .img{ width: 438px; height: 400px;}
.gscplist ul li .itemr{ width: 600px; padding: 0 65px 0 95px;}
.gscplist ul li .itemr .ntitle{ position: relative; margin-top: 30px; padding: 35px 0; border-bottom: 1px solid #e5e5e5;}
.gscplist ul li .itemr .ntitle .title-cn{ font-size: 30px; font-weight: 600; color: #333333; background-color: #f9f9f9; line-height: 1.2;}
.gscplist ul li .itemr .ntitle .title-en{ position: absolute; top: 0; left: 0; z-index: -1; white-space: nowrap; font-size: 88px; font-weight: 600; color: rgba(166,166,166,0.15); line-height: 1.2;}
.gscplist ul li .list{ padding-top: 20px;}
.gscplist ul li .list .item{ position: relative; float: left; width: 50%; padding: 10px 0; padding-left: 30px; box-sizing: border-box; color: #333333; font-size: 20px;}
.gscplist ul li .list .item::before{ content: ''; position: absolute; top: 50%; left: 0; z-index: 10; width: 12px; height: 12px; transform: translateY(-50%); border-radius: 50%; border: 1px solid #666666;}
.gscplist ul li .list .item:hover{ color: #193873;}
.gscplist ul li .list .item:hover::before{ border-color: #193873;}
.gscplist ul li:nth-child(even){ flex-direction: row-reverse;}


/* 05公司理念 */
.gsln{ position: relative; z-index: 1; width: 1020px; height: 580px; margin: 0 auto 60px;}
.gsln .nr{ display: flex; justify-content: center; align-items: center; height: inherit;}
.gsln ul li{ position: absolute; z-index: 10; display: flex; justify-content: center; align-items: center; width: 353px; height: 144px; background: url(../images/gsln-item-bg.png) no-repeat center;}
.gsln ul li.s1{ top: 0; left: 50%; transform: translate(-50%);}
.gsln ul li.s2{ top: 125px; right: 0;}
.gsln ul li.s3{ top: 314px; right: 0;}
.gsln ul li.s4{ bottom: 0; left: 50%; transform: translate(-50%);}
.gsln ul li.s5{ top: 314px; left: 0;}
.gsln ul li.s6{ top: 125px; left: 0;}


/* 05员工风采 */
.yfgctop{ padding: 100px 0 55px;}
.yfgctop .ntitle{ position: relative;}
.yfgctop .ntitle .title-cn{ position: absolute; top: 50%; left: 0; z-index: 1; transform: translateY(-50%); font-size: 30px; color: #193873;}
.yfgctop .ntitle .title-en{ font-size: 48px; color: rgba(147,147,147,0.1); font-family: arial; text-transform: uppercase;}
.years ul li{ float: left; margin-left: 40px;}
.years ul li a{ display: flex; justify-content: center; align-items: center; height: 40px; font-size: 20px; color: #333333; font-family: 'dinlight';}
.years ul li.active a{ border: 1px solid #0a2452; font-weight: 600; color: #193873; padding: 0 35px; line-height: 40px;}
.years ul li.active a::before{ content: ''; width: 12px; height: 6px; margin-right: 8px; background: url(../images/nav-active-bg.png) no-repeat center;}
.ndxjlist{ }
.ndxjlist ul li{ float: left; width: 285px; height: 348px; background-color: #f9f9f9; overflow: hidden; border-radius: 5px; margin-right: 20px; margin-bottom: 20px;}
.ndxjlist ul li:nth-child(4n+4){ margin-right: 0;}
.ndxjlist ul li a{ display: block; height: inherit; }
.ndxjlist ul li .img{ height: 220px;}
.ndxjlist ul li .txt{ display: flex; justify-content: center; align-items: center; height: 128px;}
.ndxjlist ul li p{ font-size: 16px; color: #333333; text-align: center;}

.ygfclist .swiper-container{ height: 590px;}
.ygfclist .swiper-slide{ height: 285px; overflow: hidden;}
.ygfclist .swiper-slide div{ position: absolute; bottom: 0; left: 0; z-index: 10; width: 100%; height: 150px; background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,0.5)); box-sizing: border-box;}


.rytop{ padding: 100px 0 75px;}
.rytop .ntitle{ position: relative; text-align: center;}
.rytop .ntitle .title-cn{ position: absolute; top: 50%; left: 0; right: 0; z-index: 1; transform: translateY(-50%); margin: 0 auto; font-size: 30px; color: #193873;}
.rytop .ntitle .title-en{ font-size: 48px; color: rgba(147,147,147,0.1); font-family: arial; text-transform: uppercase;}


/* 06 */
.qyzzlist .swiper-slide{ height: 380px; background-color: #ebf0f4;}
.qyzzlist .swiper-slide a{ display: block; padding: 5px;}
.qyzzlist .swiper-slide .img{ height: 263px; background-color: #FFFFFF;}
.qyzzlist .swiper-slide .img img{ object-fit: contain;}
.qyzzlist .swiper-slide .txt{ display: flex; justify-content: center; align-items: center; text-align: center; height: 100px; padding: 20px 30px; font-size: 16px; color: #333333; box-sizing: border-box;}


/* 05广怀之歌 */
.ncont.ghzgbg{ padding: 90px 0 30px;}
.ghzgbg{background:url(../images/ghzgbg.jpg) no-repeat center bottom; position:relative;box-sizing:border-box;}

.gtitle{margin-left:188px;width:182px;display:inline-block;}
.ginfo{width:600px;}
.gword{font-size:16px;line-height:32px;}
.gword p.blue{padding-top:30px; color: #29447d;}
    
.audiojs{position:relative;}                
.audiojs .play { background: url("../images/player-graphics.gif") -2px -1px no-repeat; }         
.audiojs .loading { background: url("../images/player-graphics.gif") -2px -31px no-repeat; }         
.audiojs .error { background: url("../images/player-graphics.gif") -2px -61px no-repeat; }         
.audiojs .pause { background: url("../images/player-graphics.gif") -2px -91px no-repeat; }                 

.ispasue{width:18px;height:18px;display:inline-block;background:#fff;position:absolute;right:9px;top:50%;margin-top:-9px;cursor:pointer;}
    

/* 05广怀赋 */
.ncont.ghfbg{ padding: 95px 0;}
.ghfbg{background:url(../images/ghfbg.jpg) no-repeat center bottom;box-sizing:border-box;}

.fgf{width:101px;/*width:1200px;*/background:url(../images/hfbg.png) no-repeat center; position:relative;height:496px;margin:0 auto;overflow:hidden;}
.fgf.active{width:1200px;transition:all 2s;}
.fgf .zside{position:absolute;top:0;z-index:22;width:51px;height:496px;}
.zleft{left:0;}
.zright{right:0;}
.fgf .con{width:1200px;position:relative;left:50%;margin-left:-600px; padding:0 51px;box-sizing:border-box; height:439px;z-index:11;}
.fgf .con img{width:1097px;height:439px; width:970px;height:210px;display:block;margin:0 auto;position:relative;top:50%;margin-top:-105px;}




.banText{
	position: absolute;
	margin: auto;
	left: 50%;
	bottom: 31%;
	transform: translate(-39%,-50%);
	display: flex;
	justify-content: center;
	font-size: 36px;
	color: #fff;
}
.banText div{
	margin-right: 4px;
	opacity:0;
	transform:translateY(50px);
	-moz-transform:translateY(50px);
	-webkit-transform:translateY(50px);
	-ms-transform:translateY(50px);
	transition:all .5s;
	-moz-transition:all .5s;
	-webkit-transition:all .5s;
	-ms-transition:all .5s;
	-o-transition:all .5s;
}
.banner .swiper-slide-active .a1{transition-delay:200ms;opacity:1;transform:translateY(0);}
.banner .swiper-slide-active .a2{transition-delay:350ms;opacity:1;transform:translateY(0);}
.banner .swiper-slide-active .a3{transition-delay:500ms;opacity:1;transform:translateY(0);}
.banner .swiper-slide-active .a4{transition-delay:650ms;opacity:1;transform:translateY(0);}
.banner .swiper-slide-active .a5{transition-delay:800ms;opacity:1;transform:translateY(0);}
.banner .swiper-slide-active .a6{transition-delay:950ms;opacity:1;transform:translateY(0);}
.banner .swiper-slide-active .a7{transition-delay:1100ms;opacity:1;transform:translateY(0);}
.banner .swiper-slide-active .a8{transition-delay:1250ms;opacity:1;transform:translateY(0);}
.banner .swiper-slide-active .a9{transition-delay:1400ms;opacity:1;transform:translateY(0);}
.banner .swiper-slide-active .a10{transition-delay:1550ms;opacity:1;transform:translateY(0);}
.banner .swiper-slide-active .a11{transition-delay:1700ms;opacity:1;transform:translateY(0);}
.banner .swiper-slide-active .a12{transition-delay:1850ms;opacity:1;transform:translateY(0);}
.banner .swiper-slide-active .a13{transition-delay:2000ms;opacity:1;transform:translateY(0);}
.banner .swiper-slide-active .a14{transition-delay:2150ms;opacity:1;transform:translateY(0);}